@charset "utf-8";
@font-face{ font-family:Myriad;src:url("//www.skincarebyalana.com/images/PShelper2010/Myriad.eot");src:local("Myriad"), url("//www.skincarebyalana.com/images/PShelper2010/Myriad.ttf") format("truetype");font-weight:normal; }

/* CSS Document */

 ul,li { margin:0; padding:0; } 
html { height:100%; }
body { background:transparent url(background.gif) top center repeat; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;margin:0;padding:0;}
a { color:#e33588; text-decoration:none; border:0; }
a:hover { text-decoration:underline; }
img { border:0; }
.normal { font-weight:normal!IMPORTANT; }
.bold { font-weight:bold!IMPORTANT; }
.gray { color:#777!IMPORTANT; }
.hotPink { color:#e64779!IMPORTANT; }
.pink { color:#ffb4c1!IMPORTANT; }
.red { color:#ee3350!IMPORTANT; }
.babyBlue { color:#6fb4d6!IMPORTANT; }
.white { color:#fff; }
.black { color:#000; }
.detailRetailPriceTitle, .detailRetailPrice { color:#777; }
.detailRetailPrice { text-decoration:line-through; }
.h3 { font-size:16px; color:#fff; }
strong { font-size:14px; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { color:#fff; }
h4 { font-size:16px; }
hr { margin:10px 0; border:0; border-top:1px dashed #000; }
a:hover img{ border:0;text-decoration:none; }

#page { margin:0 auto; height:auto; width:950px; padding:0 34px 0 35px; background:transparent url(pageBg.png) top center repeat-y; }
	#header { position:relative; float:left; height:113px; width:950px; }
		#logo { position:relative; float:left; height:79px; width:398px; }
		#phone { margin:10px 0 0 0; position:relative; float:right; height:22px; width:171px; }
			#phone h2{margin:0;padding:0;}
		#cart { margin:3px 0 0 0; position:relative; float:right; width:417px; clear:right; }
			#cart a { color:#000; }
		#topNav { position:relative; float:left; height:34px; width:950px; background:transparent url(topNavBg.png) top left repeat-x; clear:both; }
			#topNav ul { }
			#topNav ul li { display:inline-block; float:left; }
			#topNav ul li.sep { margin:5px 0 0 0; background:transparent url(sep.gif) top left no-repeat; width:2px; height:22px; }
			#topNav ul li a { display:block; float:left; padding:8px 12px; color:#e1e1e1; font-weight:bold; }
			#search { margin:7px 0 0 0; position:relative; float:right; height:27px; width:auto; }
				#searchBox { height:22px; width:104px; padding:0 5px; background:transparent url(searchBox.png) top left no-repeat; color:#505050; border:0; }
				#searchBtn { height:22px; width:27px; background:transparent url(searchBtn.png) top left no-repeat; cursor:pointer; border:0; }
				#search a { color:#fff; }
				#search a:hover { text-decoration:none; }
	#main { margin:10px 0 0 0; position:relative; float:left; height:auto; width:950px; }
		#left { position:relative; float:left; height:auto; width:187px; }
			#leftNav { position:relative; float:left; height:auto; width:187px; padding:10px 0; background:#202020 url(leftNavBg.png) top left no-repeat; text-align:center; }
				#brandDD { margin:8px 0; }
				#leftNav ul { list-style:none inside none; text-align:left; }
				#leftNav ul li { display:block; height:24px; width:187px; background:transparent url(leftNavItemBg.png) 7px 7px no-repeat; }
				#leftNav ul li:hover { background-image:url(leftNavItemBg_white.png); }
				#leftNav ul li.last { background-image:url(leftNavItemBg_white.png); }
				#leftNav ul li.last:hover { background-image:url(leftNavItemBg.png); }
				#leftNav ul li.last a { color:#ffb4c1; }
				#leftNav ul li.last a:hover { color:#fff; }
				#leftNav ul li.cat2{ margin-left:10px; }
				#leftNav ul li.cat3{ margin-left:20px; }
				#leftNav ul li a { display:block; color:#fff; height:16px; width:167px; padding:3px 0 5px 20px; }
				#leftNav ul li a:hover { text-decoration:none; color:#ffb4c1; }
			#featuredProd { margin:10px 0; position:relative; float:left; height:auto; width:187px; background:#EBEBEB; border:1px solid #D5D5D5; z-index:0; clear:both; }
				#featuredBtn { position:absolute; top:-30px; right:-15px; z-index:10; }
				#featuredProd td.featProdTitle { font-weight:bold; font-size:13px; }
				#featuredProd td.featProdPrice { font-weight:bold; color:red; }
				#featProdQty { width:30px; }
				#add { margin:0 0 0 2px; height:20px; width:45px; background:transparent url(add.png) top left no-repeat; border:0; }
			div.shopBy { margin:10px 0; position:relative; float:left; height:49px; width:188px; padding:10px 0; background:transparent url(leftNavExtraBg.png) top left no-repeat; text-align:center; clear:both; display:block; }
				div.shopBy h3 { margin:0 0 8px 0; }
				div.shopBy select { width:150px; }
		#content { margin:0 0 0 3px; position:relative; float:left; height:auto; width:760px; clear:none; }
			#internal ul{ padding:10px 0 10px 40px; }
			#internal img{ max-width:745px; }
			#splash { margin:5px 0 0; position:relative; float:left; width:750px; }
				#tabs { position:absolute; bottom:0; right:0; height:20px; width:336px; }
					#tabs ul li { display:inline-block; float:left; height:20px; width:107px; margin:0 5px 0 0; text-align:center; }
					#tabs ul li:hover { height:24px; margin:-4px 5px 0 0; }
					#tabs ul li a { display:block; height:18px; width:107px; padding:2px 0 0 0;color:#000; }
					#tabs ul li a:hover { text-decoration:none; }
					#tabs ul li.tabPink { width:97px; background:transparent url(tab_pink.png) top left no-repeat; }
					#tabs ul li.tabPink a { width:97px; color:#92283d; }
					#tabs ul li.tabGray { background:transparent url(tab_gray.png) top left no-repeat; }
				#splashRight { position:relative; float:right; padding:5px 10px; height:auto; width:256px; background:transparent url(splashRightBg.png) left center no-repeat; clear:right; }
				#splashLeft { position:relative; float:left; padding:0 10px; height:auto; width:450px; text-align:center; }
				#splashText { position:relative; padding:0 10px; width:730px;clear:both; }
				#productDetail { position:relative; float:left; height:auto; width:465px; }
					 #qty { width:50px; }
					 #size { width:auto; min-width:80px; }
			#welcome { margin:0 10px 0 20px; position:relative; float:left; height:auto; width:470px; }
				#welcome p { margin:8px 0; line-height:24px; color:#575757; text-indent:5px; text-align:justify;font-size:14px; }
			#right { margin:20px 0 0 0; position:relative; float:right; height:auto; width:250px; }
				#welcomeVideo { position:relative; float:right; height:190px; width:250px; }
				#newsletter { margin:10px 0 0 0; position:relative; float:right; height:auto; width:250px; }
					#email { height:24px; width:149px; padding:0 3px; background:transparent url(email.png) top left no-repeat; border:0; }
					#submit { height:24px; width:59px; background:transparent url(submit.png) top left no-repeat; cursor:pointer; border:0; }
			#newsletterSmall { margin:10px 0; position:relative; float:left; height:auto; width:165px; padding:0 10px 10px 10px; background:#ebebeb; border:1px solid #ccc; clear:left; }
				#emailSmall { height:24px; width:131px; padding:0 0 0 3px; background:transparent url(emailSmall.png) top left no-repeat; border:0; }
			#featured { position:relative; float:left; min-height:150px; height:auto; width:745px; padding:0 5px; text-align:left; }
				#featuredCat { margin:0 0 5px 0; position:relative; height:30px; padding:7px 5px 0 5px; background:transparent url(featuredCat.png) top left repeat-x; text-align:left; }
					#featuredCat form{display:inline;}
					#numberOfProducts { position:relative; float:right; height:30px; width:auto; }
					#pinkBox { margin:-7px -5px 0 -5px; position:relative; float:left; height:29px; width:182px; padding:8px 0 0 0; background:#e64779 url(pinkBox.png) top left no-repeat; text-align:center; }
				.itemContainer { margin:0 0 5px 2px; border:1px solid #d6d6d6; float:left; background-color:#fefefe; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px;width:162px; height:180px; }
				
				.expandable p:last{display:inline;}
				span.details p{ display:inline; }
				
			#catBlurb { margin:10px 0; position:relative; float:left; height:auto; width:auto; }
				#catBlurb p { margin:8px 0; line-height:20px; color:#575757; text-indent:5px; text-align:justify; }
			#ad { margin:10px 0 0 -187px; position:relative; float:left; height:auto; width:950px; }
			#productDetailImage{ float:left;padding:0 25px;text-align:center;width:195px;margin-left:-20px; }
				#productDetailImage img{ max-width:195px;margin:0 auto; }
			#productDetailInfo{ float:right;width:240px; }
				#productDetailInfo h2, #productDetailInfo h3, #productDetailInfo > div{ width:240px;margin:0; }
				#productDetailInfo h3{ font-size:18px;font-weight:normal; }
			#productDescription { margin:0 0 0 5px; position:relative; float:left; height:auto; widows:750px; padding:0 5px; }
            
				#productDescription ul { margin:10px 0 0 5px; list-style:circle inside none; }
                #productRelative { margin:0 0 0 5px; position:relative; float:left; height:auto; widows:750px; padding:0 5px; }
                 #productRelative hr{
                    -moz-border-bottom-colors: none; -moz-border-image: none;  -moz-border-left-colors: none;
    -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000000 -moz-use-text-color -moz-use-text-color;
    border-right: 0 none;   border-style: dashed none none;border-width: 1px 0 0; margin: 10px 0;
                 }
			#recommends { margin:10px 0; position:relative; float:left; height:auto;  }
			#ratings { margin:0 0 0 -187px; position:relative; float:left; height:auto; width:940px; }
				#ratings p { text-indent:5px; }
				div.individualRating { margin:5px 0; position:relative; float:left; height:auto; width:940px; }
				div.individualRating div.one { display:inline; position:relative; float:left; height:14px; width:15px; background:transparent url(one.png) top left no-repeat; }
				div.individualRating div.half { display:inline; position:relative; float:left; height:14px; width:7px; background:transparent url(half.png) top left no-repeat; }
	#footer { margin:25px 0 10px 0; position:relative; float:left; height:auto; width:950px; background:transparent url(footSep.png) top center no-repeat; text-align:center; }
		#footMenu { margin:15px auto; position:relative; height:25px; }
			#footMenu ul { list-style:none inside none; margin:5px 0; display:block; margin:0 auto; width:330px; }
			#footMenu ul li { display:inline-block; float:left; border-right:1px solid #555555; height:15px; }
				#footMenu ul li.last{ border:0; }
			#footMenu ul li a { display:block; color:#555555; margin:0 5px; vertical-align:middle; }
		#copyright { position:relative; margin:0 auto; height:auto; width:330px; color:#555555; }
		#cclogos { position:relative; float:left; height:auto; width:950px; text-align:center; }
		
		
		
		
		
		
		
	
/********************************************************************************************************************************
 * Base ProStores Styles
 */
 
/* IE uses the filter for the blend */
.actn_button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCE6F9')
	}
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
	background: #A5D6FA url("white_gradient.png") repeat-x top;
	border:3px double #54A2EB;
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("white_gradient.png") repeat-x top
}	
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#EDF3F7')
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
	background: #C7E5FB url("white_gradient.png") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("white_gradient.png") repeat-x top
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* SPECIAL BUTTON STYLES*******/
.btn_small_update, .btn_small_change {
	font-size:9px
}		
.btn_update {
	font-size:9px
}	
.btn_continue {
	width:170px;
	padding:4px
}
.btn_add_to_cart{
	width:80px;
	* height:23px;
	font-size:11px;
	margin-top:5px;
	* padding:1px 0px 0px 0px
}
html>body .btn_add_to_cart {
	height:auto;
	padding:1px 0px 0px 0px
}
.btn_buy_it_now {
	width:80px;
	font-size:11px;
	margin:5px 0px 0px 5px;
	padding:0px
}
.btn_proceed_to_checkout {
  padding:2px 2px 2px 25px;
  width:190px;
  height:32px
}	
.btn_ordering_info {
 font-size:11px;
 width:150px
}
/******* END SPECIAL BUTTON STYLES*******/

/* box around product detail quantity and add to cart button
----------------------------------------------- */
.quantity {
	border:1px solid #CCCCCC; 
	width:250px; 
	white-space:nowrap;
	padding:10px
}

/* ADDED TO CART home page, product list and product detail pages
----------------------------------------------- */
.added_to_cart {
	background-color:#FFFAF4;
	border:1px solid #E2A269;
	margin:5px 0px 5px 0px;
	color:#333333
	}
.added_to_cart A:link, .added_to_cart A:visited, .added_to_cart A:hover, .added_to_cart A:active {
	color:#333333
	}

/* PRICE 
product list and some home pages
----------------------------------------------- */
.small_price {
	font-weight:bold
}

/* product detail page */
.large_price {
	font-weight:bold
}
.totalsavings {	
	font-weight:bold;
	border:1px solid #cccccc;
	padding:10px;
	text-align:center;
	width:185px;
}
.opc-totalsavings {	
	font-weight:bold;
	font-size:13px;
	padding:2px 1px;
	text-align:right
}
/* TABS 
product detail page
----------------------------------------------- */
.tabcontainer {
	width:100%;
	position:relative;
	color:#ffffff
}
.tab_on {
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#e5e5e5;
	padding:3px;
	width:165px;
	float:left;
	display:inline;
	white-space:nowrap
	}
.tab_off {
	color:#333333;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:3px;
	width:165px;
	float:left;
	cursor:pointer;
	display:inline;
	white-space:nowrap
	}
.descriptioncontainer {
	width:100%;
	position:relative
}
.detaildesc {
	border-top:4px solid #e5e5e5;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
	border-bottom:2px solid #e5e5e5;
	padding:5px;
	margin-bottom:10px;
	width:99%;
	text-align:left
}

/****** MULTIPLE IMAGES ****** product detail page */
.click {cursor:pointer}
.imagesmallcontainer {
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	float:left;
	height:65px;
	margin:8px 4px 2px 0px;
	overflow:hidden;
	width:65px
}
.hoverover {
	clear:both;
	float:left;
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	width:300px
}
.notavailable {
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#666666;
	padding:10px;
	text-align:center
}
/* ALL CATEGORIES PAGE
----------------------------------------------- */
.category_outline {
	width:99%;
	border:1px solid #dddddd;
	text-align:center;
	margin:5px;
	padding:0px
}
.chain {
	text-align:left;
	margin-left:5px;
	font-size:13px;
	padding:4px;
	font-weight:bold;
	color:#666666
	}
.chain A:link, .chain A:visited, .chain A:active, .chain A:hover {
	font-size:13px;
	}
.all_categories {
	width:220px
}
.all_categories A:link, .all_categories A:visited, .all_categories A:active, .all_categories A:hover {
	font-weight:normal
	}
.parent {
	margin-top:3px;
	margin-bottom:3px
}
.parent A:link, .parent A:visited, .parent A:active, .parent A:hover {
	font-weight:bold
	}
.parent_more {
	font-weight:bold;
	margin-top:5px;
}
.parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active {
	font-weight:bold;
	}		
.sub_category {
	margin-top:5px;
	margin-bottom:5px
	}
.sub_category_more {	
	font-weight:bold;
	}	
.sub_category_more A:link, .sub_category_more A:visited, .sub_category_more A:hover, .sub_category_more A:active {
	margin-left:1px;
	font-size:11px;
	font-weight:bold;
	}	

.viewAllCategories {
	padding:6px 4px 6px 25px;
	line-height:normal;
	display:block;
	font-weight:100;
}

.viewAllCategories a:link, .viewAllCategories a:visited {
	text-decoration:none;
	font-weight:bold
}

.viewAllCategories a:hover {
	text-decoration:underline;
	background-color:#edecec
}	
/* CHECKOUT BREADCRUMB
----------------------------------------------- */
.breadcrumb_on {
	padding-right:3px;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle
}
.breadcrumb_off {
	padding-right:3px;
	font-size:13px;
	white-space:nowrap; 
	vertical-align:middle
}
.clear {
	clear:both
	}
.floatRight {
	float:right
	}
.floatLeft {
	float:left
	}
.note {
	font-size:12px
	}	

	
	
	
	
	
	
	
/** Footer SLIDER **/
#slider-wrapper {
	TEXT-ALIGN: left; WIDTH: 947px; HEIGHT: 300px
}

#slider {
	BORDER-BOTTOM: #202020 1px solid; POSITION: relative; BORDER-LEFT: #202020 1px solid; WIDTH: 947px; HEIGHT: 200px; FLOAT: left; OVERFLOW: auto; BORDER-TOP: #202020 1px solid; BORDER-RIGHT: #202020 1px solid
}
#slider h3{
	MARGIN: 10px 0px 3px
}
#slider ul{
	POSITION: absolute; LIST-STYLE-TYPE: none; TOP: -15px; LIST-STYLE-IMAGE: none; 
}
#slider li{
	PADDING: 10px; WIDTH: 900px; FLOAT: left; HEIGHT: 300px;
	text-align:justify;
}

li#content {
	HEIGHT: 300px;
	
}
.pagination {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 10px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}

.pagination li{
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; PADDING-LEFT: 6px; min-WIDTH: 80px; max-width:135px; PADDING-RIGHT: 6px; BACKGROUND:#272727; FLOAT: left; HEIGHT: 20px; COLOR: #fff; CURSOR: pointer; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
					